﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="pageproductpost.aspx.cs"
    Inherits="RetailOnlineSite.Security.pageproductpost" ValidateRequest="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <!-- Load TinyMCE -->

    <script src="../Js/tiny_mce/jquery.tinymce.js" type="text/javascript"></script>

    <link href="../Js/tiny_mce/themes/advanced/skins/default/ui.css" rel="Stylesheet"
        type="text/css" />
    <link href="../Js/tiny_mce/plugins/inlinepopups/skins/clearlooks2/window.css"
        rel="Stylesheet" type="text/css" />

    <script type="text/javascript">
        var pageUrl = '<%=ResolveUrl("~/UI/Shop/Register/pageproductpost.aspx")%>'

        function ShowCurrentTime() {
            $.ajax({
                type: "POST",
                url: pageUrl + "/GetCurrentTime",
                data: '{name: "Hữu Tài" }',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: OnSuccess,
                failure: function(response) {
                    alert(response.d);
                }
            });
        }
        function OnSuccess(response) {
            alert(response.d);
            $("#<%=txtProductName.ClientID%>").val('123');
        }

        $(document).ready(function() {

            LoadMCE();

        });

        function LoadMCE() {
            $('textarea.tinymce').tinymce({
                remove_script_host: false,
                convert_urls: false,
                paste_auto_cleanup_on_paste: false,
                mode: "exact",
                elements: "txt_Detail,contactinfo,signature",
                // Location of TinyMCE script
                script_url: '/Js/tiny_mce/tiny_mce.js',

                // General options
                height: 0,
                theme: "advanced",
                skin: "o2k7",
                skin_variant: "silver",
                language: "vi",

                plugins: "ccSimpleUploader,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist",

                // Theme options
                theme_advanced_buttons1: "bold,italic,underline,|,forecolor,backcolor,fontselect,fontsizeselect,|,emotions,|,ccSimpleUploader,image,|,outdent,indent,|,undo,redo,|,justifyleft,justifycenter,justifyright,justifyfull,|,link,unlink,code",
                theme_advanced_buttons2: "",
                theme_advanced_buttons3: "",
                theme_advanced_buttons4: "",
                theme_advanced_toolbar_location: "top",
                theme_advanced_toolbar_align: "left",
                //theme_advanced_statusbar_location: "bottom",
                //theme_advanced_resizing: true,

                relative_urls: false,
                file_browser_callback: "ccSimpleUploader",
                plugin_ccSimpleUploader_upload_path: '/Js/tinymce/uploads/',
                plugin_ccSimpleUploader_upload_substitute_path: '/Js/tinymce/uploads/',

                // Example content CSS (should be your site CSS)
                content_css: "/Js/tiny_mce/themes/advanced/skins/o2k7/content.css",

                // Style formats 
                style_formats: [
                    { title: 'Bold text', inline: 'b' },
                    { title: 'Red text', inline: 'span', styles: { color: '#ff0000'} },
                    { title: 'Red header', block: 'h1', styles: { color: '#ff0000'} },
                    { title: 'Example 1', inline: 'span', classes: 'example1' },
                    { title: 'Example 2', inline: 'span', classes: 'example2' },
                    { title: 'Table styles' },
                    { title: 'Table row 1', selector: 'tr', classes: 'tablerow1' }
                ],

                // Drop lists for link/image/media/template dialogs
                template_external_list_url: "lists/template_list.js",
                external_link_list_url: "lists/link_list.js",
                external_image_list_url: "lists/image_list.js",
                media_external_list_url: "lists/media_list.js",

                // Replace values for the template plugin
                template_replace_values: {
                    username: "Some User",
                    staffid: "991234"
                },
                //                setup: function(ed) {
                //                    ed.onKeyDown.add(function(ed, e) {
                //                        e.preventDefault();
                //                    });
                //                }
                save_onsavecallback: ShowCurrentTime,
                save_oncancelcallback: ShowCurrentTime
            });
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <table width="100%" class="menu" cellspacing="0">
        <tr>
            <td class="menuheader">
                Đăng hàng
            </td>
        </tr>
        <tr>
            <td>
                <table cellspacing="10px" width="100%">
                    <tr>
                        <td>
                            Ngành hàng:
                        </td>
                        <td>
                            <asp:DropDownList ID="txtProduct" runat="server">
                            </asp:DropDownList>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Tên sản phẩm:
                        </td>
                        <td>
                            <asp:TextBox ID="txtProductName" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Hình sản phẩm
                        </td>
                        <td>
                            <asp:FileUpload ID="fileProductImage" runat="server" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                            <asp:Label runat="server" Font-Size="9pt" ID="lblText" Text="Hình không quá 3Mb và kích thước lớn hơn 240 pixel"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Giá:
                        </td>
                        <td>
                            <asp:TextBox ID="txtPrice" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Mô tả ngắn:
                        </td>
                        <td>
                            <asp:TextBox ID="txtSubDetail" runat="server" TextMode="MultiLine" Rows="3" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                            <asp:CheckBox ID="chkHotProduct" Text="Sản phẩm Hot" runat="server" />
                            <asp:CheckBox ID="chkHiddenProduct" Text="Ẩn Sản phẩm" runat="server" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Mô tả chi tiết:
                        </td>
                        <td>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%" class="tinymce" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="center">
                            <input type="button" value="Tạo mới" onclick="javascript:ShowCurrentTime();" />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
